<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="css/favicon.ico">
    <title>枫小生的个人博客</title>
    <!-- 引导核心 CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- 自定义模板样式 css -->
    <link href="style/base.css" rel="stylesheet">
    <link href="style/blog.css" rel="stylesheet">
    <link href="css/starter-template.css" rel="stylesheet">
    <link rel="stylesheet" href="style/animation.css">

    <!-- 目的是为了调试. 实际上并不复制这些2线！ -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5垫片和Respond.js对IE8的支持HTML5的元素和媒体查询 -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<!-- 顶部动画 -->
<link rel="stylesheet" href="style/pace-theme-barber-shop.css">
<script src="http://www.haorooms.com/theme/assets/js/pace.min.js"></script>


</head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container h100">
        <nav class="w h fl">
          <div class="navbar-header pa">
            <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button> -->
            <a class="navbar-brand" href="#" title="Maple's blog">
              <span>Maple's blog</span>
            </a>
          </div>
          <div id="navbar" class="collapse navbar-collapse mt20" hidden>
            <ul class="nav navbar-nav navbar-right">
              <li class="active">
                <a href="blog.html">
                  <span>首页</span>
                </a>
              </li>
              <li>
                <a href="about.html">
                  <span>关于我</span>
                </a>
              </li>
              <li>
                <a href="Navigation.html">
                  <span>前端导航</span>
                </a>
              </li>
              <!-- <li>
                <a href="#resoutce">
                  <span>前端资料库</span>
                  <span>Database</span>
                </a>
              </li> -->
              <li>
                <a href="#">
                  <span>模板分享</span>
                </a>
              </li>
              <li>
                <a href="gj.html">
                  <span>小工具</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <span>进无止境</span>
                </a>
              </li>
              <li>
                <a href="gbook.html">
                  <span>留言板</span>
                </a>
              </li>
            </ul>
          </div><!--/.nav-collapse class="blog-post-title"-->
        </nav>
      </div>
    <nav class="moblieMenu">
          <div class="menuButton">
            <i class="one"></i><i class="two"></i>
          </div>
          <ul>
            <li class="active">
              <a href="blog.html">
                <span>首页</span>
              </a>
            </li>
            <li>
              <a href="about.html">
                <span>关于我</span>
              </a>
            </li>
            <li>
              <a href="Navigation.html">
                <span>前端导航</span>
              </a>
            </li>
            <li>
              <a href="#resoutce">
                <span>前端资料库</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span>模板分享</span>
              </a>
            </li>
            <li>
              <a href="gj.html">
                <span>小工具</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span>进无止境</span>
              </a>
            </li>
            <li>
              <a href="gbook.html">
                <span>留言板</span>
              </a>
            </li>
          </ul>
        </div><!--/.nav-collapse class="blog-post-title"-->
    </nav>
</header>

    <div class="container">

      <div class="row">
        <div class="col-sm-8 blog-main block a-fadeinL">
          <div class="blog-post">
            <h3 >
              <a href="#">【匆匆那些年】总结个人博客经历的这四年…
              </a>
            </h3>
            <figure>
              <img src="img/s1.jpg" alt="" />
            </figure>
            <ul>
              <p>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补</p>
              <a class="readmore" href="#">阅读全文>></a>
            </ul>
            <p class="blog-post-meta">
              <span>2014年1月1日</span>
              <span>作者：杨青</span>
              <span>
                个人博客：[
                  <a href="#">心得笔记</a>
                ]

              </span>
            </p>



            <h3 class="blog-post-title">
              <a href="#"> 2014年度优秀个人博客排名公布</a>
            </h3>
            <figure>
              <img src="img/s2.jpg" alt="" />
            </figure>
            <ul>
              <p>经筛选合格的参赛个人博客网站，合计29个。评分标准按照网站的（内容10分、创意5分、原创5分、界面10分、兼容性10分、用户体验度10分）总分数50分来排名次。</p>
              <a class="readmore" href="#">阅读全文>></a>
            </ul>
            <p class="blog-post-meta">
              <span>2014年1月1日</span>
              <span>作者：杨青</span>
              <span>
                个人博客：[
                  <a href="#">网站建设</a>
                ]

              </span>
            </p>



            <h3 class="blog-post-title">
              <a href="#">帝国cms常用标签调用方法总结（不得不收藏哦）</a>
            </h3>
            <figure>
              <img src="img/s3.jpg" alt="" />
            </figure>
            <ul>
              <p>整理了一些常用的帝国cms调用，灵动标签和万能标签的调用方法举例。幻灯片、标题、一级栏目、二级栏目、带模版的友情链接（下拉菜单）、判断内容页字段为空时是如何调用的等等...新手可以借鉴学习。</p>
              <a class="readmore" href="#">阅读全文>></a>
            </ul>
            <p class="blog-post-meta">
              <span>2014年1月1日</span>
              <span>作者：杨青</span>
              <span>
                个人博客：[
                  <a href="#">心得笔记</a>
                ]

              </span>
            </p>
          </div><!-- /.blog-post -->

          <nav>
            <ul class="pager">
              <li><a href="#">以前的</a></li>
              <li><a href="#">下一个</a></li>
            </ul>
          </nav>

        </div><!-- /.blog-main col-sm-offset-1-->

        <div class="col-sm-3  blog-sidebar">
          <div class="block a-fadeinR">
            <div class="about">
              <h4 class="wt">关于我</h4>
              <div class="wc">
                <p>代军，一个刚入行的90后IT民工。</p>
                <p>经历了年少轻狂，迈过了眼高手低，低头走在学习的路上！</p>
              </div>
              <strong class="wt">联系方式</strong>
              <a href="#" class="contracticon">
                <i class="iconfont"></i>
              </a>
              <a href="#" class="contracticon">
                <i class="iconfont"></i>
              </a>
              <a href="#" class="contracticon">
                <i class="iconfont"></i>
              </a>
              <a href="#" class="contracticon">
                <i class="iconfont"></i>
              </a>
              <a href="#" class="contracticon">
                <i class="iconfont"></i>
              </a>
            </div>
          </div>
          <div class="block a-fadeinR">
            <div class="about">
              <h4 class="wt">热门文章</h4>
              <ul class="wc col">
                <li>
                  <a href="#">css常用效果总结</a>
                </li>
                <li>
                  <a href="#">读‘Web前端开发工程师编程能力飞升之路’感触</a>
                </li>
                <li>
                  <a href="#">前端神器-sublime text3插件安装及使用</a>
                </li>
                <li>
                  <a href="#">js点击弹框优酷视频，并控制视频播放和暂停及重新载入的方法</a>
                </li>
                <li>
                  <a href="#">手机网站的几点注意</a>
                </li>
                <li>
                  <a href="#">css3实现一个div设置多张背景图片及background-image属性</a>
                </li>
                <li>
                  <a href="#">css input checkbox和radio样式美化</a>
                </li>
                <li>
                  <a href="#">jquery仿百度文库数字滚动效果</a>
                </li>
                <li>
                  <a href="#">巧妙运用photoshop画虚线</a>
                </li>
                <li>
                  <a href="#">photoshop网页精准切图及设计稿精准测量方法</a>
                </li>
                <li>
                  <a href="#">nodejs博客的nginx配置</a>
                </li>
                <li>
                  <a href="#">css浏览器兼容问题的一些总结（IE6等）</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="block a-fadeinR">
            <div class="about">
              <strong class="wt">友情链接</strong>
              <div class="wc">
                <ol class="he">
                  <li>
                    <a href="#">GitHub</a>
                  </li>
                  <li>
                    <a href="#">Twitter</a>
                  </li>
                  <li>
                    <a href="#">Facebook</a>
                  </li>
                  <li>
                    <a href="#">前端博客</a>
                  </li>
                  <li>
                    <a href="#">前端博客</a>
                  </li>
                  <li>
                    <a href="#">前端博客</a>
                  </li>
                </ol>
              </div>
            </div>
          </div>
        </div><!-- /.blog-sidebar -->

      </div><!-- /.row -->

    </div><!-- /.container -->

    <div class="blog-footer">
      <div class="a-fadeinL">
        <span>我的：</span>
        <a href="#">csdn博客</a>
        丨
        <a href="#">腾讯博客</a>
        丨
        <a href="#">百度空间</a>
        丨
        <a href="#">知乎</a>
        丨
        <a href="#">昵图网</a>
        丨
        <a href="#">网站地图</a>
      </div>
      <p class="a-fadeinL">
        Copyright © Aaron All Rights Reserved
        <a href="#">津ICP备123466-2</a>
      </p>
    </div>


    <!-- 返回顶部 -->
    <!-- <div id="backtop" class="actGotop">
      <a href="#"></a>
    </div> -->


    <!-- 引导核心 JavaScript
    ================================================== -->
    <!-- 放置在文件的末尾，以便在网页加载速度更快 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="assets/js/docs.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
    <script  src="js/feng.js" type="text/javascript"></script>
</body>
</html>
